import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
import Details from "../components/Details.vue"
import Homee from "../components/Home.vue"
import Settlement from "../components/Settlement.vue"
import Shop from "../components/Shop.vue"
// import Login from "../components/Login.vue"

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home,
    redirect:"/home",
    children: [
      { path: "/home", component: Homee },
      { path: "/details", component: Details },
      { path: "/settlement", component: Settlement },
      { path: "/shop", component: Shop },
    ]
  },
  // { path: "/login", name: Login, component: Login }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
